// miniprogram/pages/idx.js
Page({

  data: {
    btnStatus: true, // 按钮显示：开始；按钮状态：停止
    min: 0,
    sec: 0,
    timerSec: 10,
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
 
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },

  sliderChange: function (e) {
    this.setData({
      min: parseInt(e.detail.value / 5) * 5,
      timerSec: parseInt(e.detail.value / 5) * 5 * 60 + this.data.sec, // 倒计时总秒数
    })
  },

  // 倒计时
  timerDown: function (e) {
    console.log("timerSec:", this.data.timerSec)
    console.log("btnStatis:", this.data.btnStatus)
    console.log("btnstatus1:", e.currentTarget.dataset.btnstatus)
    var btnstatus = e.currentTarget.dataset.btnstatus;
    console.log("btnstatus2:", btnstatus)

    // 计时开始
    if (btnstatus == 1) {
      this.setData({
        btnStatus: false,
      })
      console.log(this.data.btnStatus)
      // 倒计时函数
      this.data.timer = setInterval(() => {
        this.setData({
          timerSec: this.data.timerSec - 1,
          sec: this.data.timerSec % 60,
          min: parseInt(this.data.timerSec / 60)
        })
        console.log("timer:", this.data.timer)
        if (this.data.timerSec < 0) {
          clearInterval(this.data.timer);
          this.setData({
            btnStatus: true
          })
        }
      }, 1000);

    }

    // 暂停
    else if (btnstatus == 2) {
      clearInterval(this.data.timer);
      console.log(2)
    }

    // 停止
    else {
      console.log(0)
      clearInterval(this.data.timer);
      this.setData({
        btnStatus: true,
        timerSec: 0,
        sec: 0,
        min: 0,
      })
    }

  }
})